<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>v-css</title>
<script src="../js/vue.js"></script>
<style>

	.red{
	
		color:gray;
	}
	
</style>
</head>
<body>
<div id="app">

		
		<ul>
			<li v-for="(item,index) in paramlist"  v-bind:class="{red:index%2===0}">
				{{item.text}}
			</li>
		
		</ul>
		
</div>
<script>
 new Vue({
        el: '#app',
        data: {
			classObject: {
				active: true
			},
			red:"red",
			paramlist:[
			
				{
					text:'香蕉'
				},
				{
					text:'苹果'
				},
				{
					text:'桔子'
				},
				{
					text:'梨'
				},
				{
					text:'other'
				}
			]
			
        },
		mounted: function(){
		
			
		},
        methods: {
			
        }
    });
</script>
</body>
</html>
